import {Grid, Table} from 'semantic-ui-react'
import React from 'react';
import ProgramTask from "./ProgramTask";

class ProgramItem extends React.Component {

    render() {
        const tasks = <ProgramTask status={this.props.status} pid={this.props.pid}/>
        return(
                <Grid.Column
                    className="program-list"
                >
                    <Table celled striped>
                        <Table.Header>
                            <Table.Row>
                                <Table.HeaderCell className="program-list-title">{this.props.status}</Table.HeaderCell>
                            </Table.Row>
                        </Table.Header>
                        {tasks}
                    </Table>
                </Grid.Column>
        )
    }
}

export default ProgramItem